<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			*{
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			.fl{
				float: left;
			}
			.ma{
				padding-left:15px ;
			}
			.word{
				width: 375px;
				height: 220px;
				background: url(./img/images/word_01.gif);
			}
			h1{
				color:#FFFFFF;
				font-size:22px;
				font-family:"黑体";
				padding: 20px 0 0 20px;
			}
			h2{
				color:#FFFFFF;
				font-size:13.5px;
				font-family: "黑体";
				padding: 3px 0 0 20px;
			}
			.main{
				padding-top: 40px;
				padding-left: 5px;

			}
			h3{
				font-size:13px;
				color:#ff6783;
				margin-top: 3px;
				margin-bottom: 4px;
				margin-left: 4px;
				margin-right: 4px;
				font-family: "黑体";
				text-align: center;/* 居中 */

			}
			.s{
				border-radius:2.5px;
				background-color: #FFFFFF;
				height: 20px;
				margin-left: 15px;
				margin-bottom: 15px;
			}
		</style>
	</head>
	<body>
		<div class="word fl">
			<h1>太原婚纱照精选商家</h1>
			<h2>Featured businesses</h2>
			<div class="fl main">
				<div class="fl s"><h3>太原金夫人</h3></div>
				<div class="fl s"><h3>幸福V摄影</h3></div>
				<div class="fl s"><h3>罗亚摄影</h3></div>
				<div class="fl s"><h3>爱萌18号</h3></div>
				<div class="fl s"><h3>栖溪创意水下摄影</h3></div>
				<div class="fl s"><h3>布拉格</h3></div>
				<div class="fl s"><h3>凯瑟琳摄影</h3></div>
				<div class="fl s"><h3>佳丽新娘婚纱</h3></div>
				<div class="fl s"><h3>爱尚婚纱摄影</h3></div>
				<div class="fl s"><h3>卡罗摄影</h3></div>
			</div>
		</div>
		<div class="ma fl"><img src="img/images/images/seat-001.gif" alt=""></div>
	</body>
</html>
